import "./Title.scss"
import {Avatar} from "@material-ui/core";
import headPortrait1 from "../assets/avatar/xiaorong.jpg"
import {makeStyles, createStyles, Theme} from '@material-ui/core/styles';

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    small: {
      width: theme.spacing(3),
      height: theme.spacing(3),
    },
    large: {
      width: theme.spacing(7),
      height: theme.spacing(7),
    },
  }),
);


function Title() {
  const classes = useStyles();
  return (
    <div style={{display: "flex", flexDirection: "row", alignItems: "center"}}>
      <Avatar className={classes.large} src={headPortrait1}/>
      <h1 className={"title"}>小荣的博客</h1>
    </div>
  );
}

export default Title;